<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to HotelManagement</title>
<link href="Webcontent/CSS/Style.css" rel="stylesheet" type="text/css" />
<link href="Webcontent/CSS/layout.css" rel="stylesheet" type="text/css" />
<link href="Webcontent/CSS/lavalamp.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="Webcontent/CSS/nagi_side.css" />
<script type="text/javascript" src="Webcontent/jslib/jquery.js"></script>
<script type="text/javascript" src="Webcontent/jslib/sliding_effect.js"></script>
<script type="text/javascript" src="Webcontent/jslib/jquery-1.1.3.1.min.js"></script>
<script type="text/javascript" src="Webcontent/jslib/jquery.easing.min.js"></script>
<script type="text/javascript" src="Webcontent/jslib/jquery.lavalamp.min.js"></script>


<script type="text/javascript">
        $(function() {
            $("#1").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>

<div id="wrapper">

	<div id="branding">
		<div id="logo"><h1>Welcome to HM System</h1><a name="home"/></div>
        <div id="strap"><h2>A system developed by Group 14.</h2>
      </div>
	</div>

<div id="container">	
	

	<div class="nav">
    <ul class="lavaLampNoImage" id="1">
    	<li><a href="Index.html">Home</a></li>
    	<li><a href="About.html" >About</a></li>
    	<li class="current"><a href="#">Accommodation</a></li>
    	<li><a href="Reservation">Reservation</a></li>
        <li><a href="Login">Login</a></li>
    </ul>
    </div>
	<div style="clear: both;" class="radial_bg">
   	  <div class="sidebar"><h6>Hotel Accommodation</h6>
        <div id="navigation-block">
          <div id="hide"></div>
          <ul id="sliding-navigation">
                <li class="sliding-element" id="special"><a href="#single">Single Room</a></li>
                <li class="sliding-element"><a href="#Double">Double Room</a></li>
                <li class="sliding-element"><a href="#queen">Queen Beded Room</a></li>
                <li class="sliding-element"><a href="#Suite">Suite</a></li>
            </ul>
        </div>
   	  </div>
   	  <div class="content" id="single">
        <div class="nav_side">
				<a name="Single"/>
			<div class="flash" id="single_pic">
            <div class="single_room">
        	  	</div></div>
            
			<div class="left_single">
           	<h4><span>Single Room</span></h4>
				<p id="specinfo">Total number : 20</p>
       	        <p>Introduction of Single Room.</p>
       	        <p class="info"><span class="view"><a target="_blank" href="Reservation.html">Reserve the Room</a></span></p>
           
			</div>
      		</div>
			</div>
	  
      </div>
	</div>
<div style="clear: both;" class="radial_bg">
   	  <div class="sidebar"></div>
		<div class="content">
        
	  <div class="nav_side">
				<a name="Double"/>
			<div class="flash" id="double_pic">
            <div class="double_room">
        	  	</div></div>
            
			<div class="left_room" id="special">
           	<h4><span>Single Room</span></h4>
				<p id="specinfo">Total number : 30</p>
       	        <p>Introduction of Double Room.</p>
       	        <p class="info"><span class="view"><a target="_blank" href="Reservation.html">Reserve the Room</a></span></p>
                <p class="totop"><a href="#home">Top</a></p>
                <p class="topicon"></p>
			</div>
      		</div>
			</div>
      </div>

    
    <div style="clear: both;" class="radial_bg">
   	  <div class="sidebar"></div>
		<div class="content">
        
	  <div class="nav_side">
				<a name="queen"/>
			<div class="flash" id="queen_pic">
            <div class="queen_room">
        	  	</div></div>
            
			<div class="left_room">
           	<h4><span>Single Room</span></h4>
				<p id="specinfo">Total number : 15</p>
       	        <p>Introduction of Queen Beded Room.</p>
       	        <p class="info"><span class="view"><a target="_blank" href="Reservation.html">Reserve the Room</a></span></p>
                <p class="totop"><a href="#home">Top</a></p>
                <p class="topicon"></p>
			</div>
      		</div>
			</div>
      </div>

    
    <div style="clear: both;" class="radial_bg">
   	  <div class="sidebar"></div>
		<div class="content">
        
	  <div class="nav_side">
				<a name="Suite"/>
			<div class="flash" id="Suite_pic">
            <div class="suite_room">
       	  	  </div></div>
            
			<div class="left_room">
           	<h4><span>Single Room</span></h4>
				<p id="specinfo">Total number : 5</p>
       	        <p>Introduction of Suite Room.</p>
       	        <p class="info"><span class="view"><a target="_blank" href="Reservation.html">Reserve the Room</a></span></p>
                <p class="totop"><a href="#home">Top</a></p>
                <p class="topicon"></p>
			</div>
   		  </div>
		</div>
      </div>




	<div id="footer">
	<div class="footer_sidebar"> </div>
    <div id="content">
        
            <div class="footer_left">
                Copyright 2009 HotelManagement &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span class="footerlinks"><a href="#">HotelManagement System</a></span> / 
                <span class="footerlinks"><a href="#">Homepage of HM</a></span></div>
  <div class="footer_right"> 
            <div align="right">
            <span class="footerlinks"><a href="#home">Home</a></span> | 
            <span class="footerlinks"><a href="#about">About</a></span> |  
            <span class="footerlinks"><a href="#work">Accomodation</a></span> | 
            <span class="footerlinks"><a href="#hire">Reservation</a></span> |  
            <span class="footerlinks"><a href="#resume">Resume</a></span>            </div>
      </div>
    </div>
  </div>
</div>


</body>
</html>
